<template>
  <view class="root">
    <image class="b-image-front" :src="`${imgBaseUrl}sign/sign_gift_front.webp`" mode="scaleToFill" />
    <image class="b-image" :src="`${imgBaseUrl}sign/${props.imgUrl}`" mode="scaleToFill" />
  </view>
</template>
  
<script lang="ts" setup>
const props = defineProps({
  imgUrl: {
    type: String,
    default: ""
  },
});
</script>
  
<style lang="scss" scoped>
.root {
  width: 140rpx;
  height: 140rpx;
  position: relative;
}

.b-image {
  width: 96rpx;
  height: 96rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.b-image-front {
  width: 140rpx;
  height: 140rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
</style>